<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>创新研发-品质保障</title>
  <!-- 链入css初始化 -->
  <link rel="stylesheet" href="../../css/base.css">
  <!-- 链入头部和底部通用样式 -->
  <link rel="stylesheet" href="../../css/reset.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/main.css">
  <!-- 链入首页主体样式 -->
  <link rel="stylesheet" href="../../css/index.css">
  <!-- 公共样式 -->
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <link rel="stylesheet" type="text/css" href="../../common/common.css">
  <!--<link rel="stylesheet" type="text/css" href="../../css/culture/list1.css">-->
  <link rel="stylesheet" type="text/css" href="../../css/culture/cultrue.css">
  <link rel="stylesheet" type="text/css" href="../../css/culture/list.css">
  <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
  <header></header>

  <div class="productList-container">
    <div class="common-container-img">
      <img class="banner pc" src="../../img/culture/banner.jpg" alt="">
      <img class="banner mobile" src="../../img/culture/banner.jpg" alt="">
      <ul class="common-container-type clearfix wow fadeInUpBig">
        <li class="active"><img class="hides" src="../../img/select.jpg" alt=""><img class="icon"
            src="../../img/culture/icon1.png" alt=""><span>发展历程</span></li>
        <li onclick="window.open('list2.html')"><img class="hides" src="../../img/select.jpg" alt=""><img class="icon"
            src="../../img/culture/icon2.png" alt=""><span>企业文化</span></li>
        <li onclick="window.open('list.html')"><img class="hides" src="../../img/select.jpg" alt=""><img class="icon"
            src="../../img/culture/icon3.png" alt=""><span>旗下品牌</span></li>
      </ul>
    </div>
    <div class="cultureBox">
    	
    	<div class="companyDevelopment">
      <div class="companyDevelopment-news wow fadeInUpBig">
      	<!--移动端显示的图片-->
      	<div class="culture-img hide"><img src="../../img/culture/img1.jpg" alt=""></div>
        <div class="companyDevelopment-news-content">
           <div class="customerTitle">王守义十三香的历史渊源</div> 
          <div class="text">实验室包括物理化学检验系统、重金属检验系统、微生物检验系统和品评试验系统等，为产品的销售及出口自检提供了专业的条件和平台。
            同时还拥有一批高素质、高学历、经验丰富的研发队伍，中心人员全部为大专以上学历，其中高级技术职称二十余人。中心配备有PEAA600原子吸收光谱仪、
            气相色谱仪、双道原子荧光光度计、凯式定氮装置、紫外分光光度计、全自动微波消解系统等先进设备，为研发工作开展打下了良好的基础。</div>
        </div>
      </div>
      <div class="quality wow fadeInUpBig show wow fadeInUpBig">
        <div class="quality-img clearfix ">
          <div class="pull-left col-lg-8 first">

            <div class="quality-img-show"><img src="../../img/culture/img1.jpg" alt=""></div>
            <div class="quality-img-title">老董事长配料</div>
          </div>
          <div class="pull-left col-lg-4 ">

            <div class="quality-img-show"><img src="../../img/culture/img2.jpg" alt=""></div>
            <div class="quality-img-title">十三香大门侧效果</div>
          </div>
        </div>
      </div>
    </div>
    </div>

  </div>
  <footer></footer>

  <script src="../../js/jquery-1.11.3.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script src="../../js/common.js"></script>
  <script type="text/javascript">
    $(function () {
      $('header').load('../../template/header.html')
      $('footer').load('../../template/footer.html')

      var imgArr = ['../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg', '../../img/production/banner_05.jpg']
      var listEle = []
      var url
      $('.selected').css({ 'background': 'url(../../img/select.jpg) no-repeat 100% 100%', 'color': '#fff', 'background-size': 'cover' }).find('span').css({ 'color': '#fff' })
      // $('.productList-container-type li').click(function () {
      //   var setTitle = $(this).find('span').html().split('类')[0]
      //   setDomEle(setTitle)
      //   $(this).css({ 'background': 'url(../../img/production/select.png) no-repeat 100% 100%', 'color': '#fff' }).siblings().css({ 'background': '#fff', 'color': '#000' })
      // })

      function setDomEle(setTitle) {
        listEle = []
        var setTitle = setTitle || '十三香'
        $('.titles').html(setTitle)
        $('.productText').html(setTitle + ' - 本品精选多种植物香辛料，经传统工艺炮制，现代技术精制而成')
        $('ul.list li').remove()
        // 兼容ie8
        for (var index = 0, len = imgArr.length; index < len; index++) {
          var item = imgArr[index]
          listEle.push('<a href="#' + url + '" target="_blank">'
            + '<li class="pull-left col-xs-3"><img src=' + item + ' alt=""></li>'
            + '</a>')
        }
        // imgArr.forEach(function (item, index) {
        //   listEle.push('<a href="#' + url + '" target="_blank">'
        //     + '<li class="pull-left col-xs-3"><img src=' + item + ' alt=""></li>'
        //     + '</a>')
        // })
        console.log(listEle.join(''))
        $('ul.list').append(listEle.join(''))
      }
      setDomEle()

      if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
      };
    })



  </script>
</body>

</html>